<!DOCTYPE html>
<html lang="en" xmlns:th="http://www.thymeleaf.org">
<head th:replace="fragments::head(~{::title})">
    <title>错误</title>
</head>
<body>
<!--导航-->
<nav th:replace="fragments::menu(0)"></nav>

<div>
    <div th:utext="'&lt;!--'" th:remove="tag"></div>
    <div th:utext="'Failed Request URL : ' + ${url}" th:remove="tag"></div>
    <div th:utext="'Exception message : ' + ${exception.message}" th:remove="tag"></div>
    <ul th:remove="tag">
        <li th:each="st : ${exception.stackTrace}" th:remove="tag"><span th:utext="${st}" th:remove="tag"></span></li>
    </ul>
    <div th:utext="'--&gt;'" th:remove="tag"></div>
</div>


<br>
<br>
<br>

<div class="ui m-opacity m-margin-top-max container m-opacity-mini">
    <img src="/static/images/500.png" th:src="@{/images/500.png}" alt="" class="ui rounded bordered fluid image">
</div>
<div class="m-margin-top-max" align="center">
    <a href="#" th:href="@{/}">
        <button type="button" class="ui teal button m-mobile-wide"><i class="home icon"></i>返回首页</button>
    </a>
</div>

<br>
<br>


<!--底部内容-->
<footer th:replace="fragments::footer"></footer>

<script th:replace="fragments::script"></script>

<script>
    $('.menu.toggle').click(function () {
        $('.m-item').toggleClass('m-mobile-hide')
    });

    $('.menu.toggle').click(function () {
        $('.m-item').toggleClass('m-mobile-show');

    });
</script>
</body>
</html>